<template>
  <div class="slot4">
    <h3>{{ title }}</h3>
    <slot name="header" :games="games"></slot>
    <slot name="content" :films="films"></slot>
    <slot name="footer" :games="games"></slot>
  </div>
</template>
<script>
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "slot4",
  props: { title: String },
  data() {
    return {
      games: ["红色警戒", "穿越火线", "魔兽世界"],
      films: ["肖申克的救赎", "火影忍者", "泰坦尼克号"],
    };
  },
  mounted() {},
  methods: {},
};
</script>